@import "../../../customGlobal.scss";

.tag-container {
  background: rgba(255, 255, 255, 1);
  margin-bottom: 1.94rem;

  @if $appType =="LJ" {
    margin-bottom: 0.63rem;
  }
}

.top-bg {
  width: 100%;
  height: 3.13rem;
  background: linear-gradient(90deg, rgba(255, 149, 0, 1) 0%, rgba(255, 99, 20, 1) 100%);

  @if $appType =="LJ" {
    background: linear-gradient(360deg, #ffcf41 0%, #ffea4a 99%, #ffea4a 100%);
  }
}

.store-consultant-bg {
  margin-left: 0.94rem;
  margin-right: 0.94rem;
  background: #ffffff;
  box-shadow: 0rem 0.13rem 1.25rem 0rem rgba(39, 40, 46, 0.1);
  border-radius: 0.31rem;
  display: flex;
  flex-direction: column;
}

.cssType3bg {
  margin-left: 0.94rem;
  margin-right: 0.94rem;
  background: linear-gradient(135deg, #f8efe3 0%, #ece0d5 52%, #eeddcf 100%);
  box-shadow: 0rem 0.13rem 1.25rem 0rem rgba(39, 40, 46, 0.1);
  border-radius: 0.5rem;
}

.cssType3 {
  margin-top: -9.5rem;
  padding: 0.94rem;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
}

.store-consultant {
  margin-top: -2.5rem;
  padding: 0.94rem;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
}

.main-box {
  background: #ffffff;
}

.box1 {
  padding: 0.94rem;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
}

.avatar-img {
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 50%;
  flex-basis: 4.25rem;
}

.star-img {
  width: 3.44rem;
  height: 0.94rem;
  margin-top: -0.55rem;
}

.call-img {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  margin-left: 0.94rem;
  flex-basis: 2.25rem;
}

.title-box {
  flex-grow: 1;
  margin-left: 0.63rem;
}

.name-box {
  display: flex;
  vertical-align: middle;
  align-items: center;
  margin-bottom: 0.5rem;
}

.company {
  height: 1rem;
  background: rgba(255, 202, 58, 0.35);
  border-radius: 0.13rem;
  font-size: 0.69rem;
  font-weight: 400;
  color: #755020;
  margin-left: 0.31rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.13rem;
}

.js-name {
  font-size: 1rem;
  color: #27282e;

  @if $appType =="LJ" {
    color: $LJLabelColor;
  }

  line-height: 1rem;
  font-weight: bold;
}

.title-box .name {
  font-size: 1rem;

  color: #27282e;

  @if $appType =="LJ" {
    color: $LJLabelColor;
  }

  line-height: 1rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.title-box .newTag {
  font-size: 0.69rem;

  font-weight: 400;
  color: rgba(133, 136, 148, 1);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0.13rem;
  vertical-align: middle;
  position: relative;
  height: 1.5rem;
}

.tradeTag {
  font-size: 0.69rem;

  font-weight: 400;
  color: #8695b3;
  background: rgba(134, 149, 179, 0.15);
  border-radius: 0.13rem;
  padding: 0.13rem 0.33rem 0.13rem 0.33rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  position: relative;
  margin-right: 0.31rem;
  margin-bottom: 0.44rem;
}

.title-box .tag {
  display: inline-block;
  margin-bottom: 0.25rem;
  font-size: 0.69rem;
  color: rgba(134, 149, 179, 1);

  @if $appType =="LJ" {
    color: #7485a6;
  }

  line-height: 1rem;
  background: rgba(134, 149, 179, 0.15);
  border-radius: 2px;
  padding: 2px 5px 2px 5px;
}

.lj-tag {
  display: inline-block;
  margin-bottom: 0.25rem;
  font-size: 0.69rem;
  color: #7485a6;
  margin-right: 0.31rem;
  line-height: 1rem;
  background: rgba(134, 149, 179, 0.15);
  border-radius: 2px;
  padding: 0 5px 0 5px;
}

.trade {
  font-size: 0.69rem;
  font-weight: normal;
  color: rgba(141, 142, 148, 1);

  @if $appType =="LJ" {
    color: #7e838c;
    margin-bottom: 0.33rem;
  }
}

.phone-box {
  margin-right: 1.25rem;
}

.sign {
  padding: 0.81rem 0;
  border-top: solid 0.03rem #ebebed;
  font-size: 0.75rem;
  color: #858894;

  @if $appType =="LJ" {
    color: $LJHeaderTabSiftColor;
  }

  line-height: 1rem;
  margin: 0 0.94rem;
}

.sign-icon {
  height: 1rem;
  width: 1rem;
  margin-right: 0.31rem;
}

.avatar-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.star-box {
  display: flex;
  align-items: center;
  margin-top: 0.15rem;
}

.star-trade {
  font-size: 0.69rem;
  font-weight: normal;
  color: #7e838c;
  margin-right: 0.5rem;
}

.star-score {
  font-size: 0.75rem;
  font-weight: 400;
  color: $LJLabelColor;
  margin-left: 0.31rem;
}

.state {
  height: 1rem;
  background: RGB(134, 149, 179, 0.14);
  border-radius: 0.13rem;
  padding-left: 0.31rem;
  padding-right: 0.31rem;
  padding-top: 0.13rem;
  font-size: 0.69rem;
  margin-left: 0.31rem;
  color: #7485a6;
  font-weight: 400;
}

.informationImg {
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 100%;
  margin-right: 0.94rem;
}

.informationRight {
  width: 100%;
}

.firstClassBox {
  display: flex;
  flex-direction: column;
  height: 4.33rem;
  justify-content: space-between;
}

.fristClass {
  color: #27282e;
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.title-tag {
  height: 0.94rem;
  background: rgba(134, 149, 179, 0.1);
  border-radius: 0.13rem;
  padding: 0 0.25rem;
  margin-left: 0.31rem;
  font-size: 0.69rem;
  white-space: nowrap;
  color: #8695b3;
}

.fristClassTitle {
  display: inline-block;
  margin-right: 0.31rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.info-box {
  display: flex;
  justify-content: space-between;
  justify-content: baseline;
}

.second-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.second-phone {
  width: 2.25rem;
  height: 2.25rem;
}

.top-bg-type2 {
  width: 100%;
  height: 4.25rem;
  background: linear-gradient(360deg, #27282e 0%, #27282e 99%, rgba(39, 40, 46, 0) 100%);
}

.top-bg-type3 {
  background-image: url("../../../assets/fw/topbg3.png");
  background-size: 100% 23rem;
  background-repeat: no-repeat;
  height: 10.75rem;
}

.img-bg {
  width: 5rem;
  height: 5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

.avatar {
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  z-index: 1;
}

.star {
  position: absolute;
  margin-top: 4.13rem;
  z-index: 2;
  height: 1.3rem;
  width: 4.67rem;
  text-align: center;
  font-size: 0.56rem;
  font-weight: bold;
  color: #8d6c16;
  background-image: url(../../../assets/fw/star_img_bg.png);
  background-repeat: no-repeat;
  background-size: 4.67rem 1.3rem;
}

.star5 {
  position: absolute;
  margin-top: 3.13rem;
  z-index: 2;
  height: 1rem;
  text-align: center;
  font-size: 0.56rem;
  font-weight: bold;
  background-position: unset;
  background: linear-gradient(315deg, #F7E5AD 0%, #FFFAE6 50%, #F7E5AD 100%);
  border-radius: 0.5rem;
  border: 0.03rem solid;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.06rem 0.38rem;
}

.content-bg {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 0.88rem;
}

.content-bg6 {
  display: flex;
  margin-left: 0.88rem;
  justify-content: space-between;
  width: calc(100vw - 7rem);
  align-items: center;
}

.name-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mame-tag {
  display: flex;
  align-items: center;
  flex: 1;
}

.name {
  font-size: 1rem;
  font-weight: bold;
  color: #252629;
  margin-right: 0.38rem;
}

.area {
  font-size: 0.75rem;
  color: #7e838c;
}

.tag-bg {
  margin-top: 0.5rem;
}

.tag {
  background: rgb(238, 240, 245);
  border-radius: 0.13rem;
  color: #5c6e99;
  padding: 0 0.25rem;
  margin-right: 0.5rem;
  text-align: center;
  line-height: 1rem;
}

.tag- {
  margin-right: 0.31rem;
  height: 1rem;
  border-radius: 0.13rem;
  border: 0.03rem solid #c4c5c8;
  font-size: 0.69rem;
  color: #575a61;
  line-height: 1rem;
}

.second-row {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
}

.second-row .text {
  font-size: 0.75rem;
  font-weight: 500;
  color: #575a61;
  line-height: 0.75rem;
}

.third-row {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
}

.third-row .icon {
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.38rem;
}

.third-row .text {
  font-size: 0.75rem;
  font-weight: 500;
  color: #7e838c;
}

.fourth-row {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
}

.fourth-row .icon {
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.38rem;
}

.fourth-row .text {
  font-size: 0.75rem;
  font-weight: 500;
  color: #7e838c;
}

.newTag {
  background: #eef0f5;
  border-radius: 0.13rem;
  color: #5c6e99;
  padding: 0.25rem 0.25rem;
  margin-right: 0.5rem;
  text-align: center;
  height: 1.25rem;
}

.secondBox {
  display: flex;
  padding-left: 1rem;
  padding-right: 1rem;
}

.grid-padding {
  --ion-grid-padding: 1px; //行间距
  --ion-grid-column-padding: 1px; // 单个item内容的padding
  padding-top: 0em;
}

.title {
  font-size: 1.13rem;
  color: #252629;
  letter-spacing: 0;
  line-height: 1.13rem;
  font-weight: bold;
  margin-top: 35px;
  margin-bottom: 1rem;
}

.item-label {
  letter-spacing: 0;
  line-height: 18px;
  height: 31px;
  font-size: 0.94rem;
  color: #7e838c;
}

.item-value {
  letter-spacing: 0;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 31px;

  @if $appType =="LJ" {
    height: auto;
  }

  font-size: 0.94rem;
  color: #252629;
  font-weight: bold;
  padding-left: 0.75rem;
}

.content-rigtht {
  float: inherit;
  text-align: center;
}

.item-value {
  font-size: 1.3rem;
  color: #ff6314;
  letter-spacing: 0;
  font-weight: bold;

  @if $appType =="LJ" {
    color: #ff595e;
  }
}

.item-unit-up {
  font-size: 0.93rem;
}

.sep-line {
  float: left;
  border-left: 0.05rem solid #d4d6d9;
  font-size: 0;
  height: 2rem;
  padding-left: 1px;
}

.thirdBox {
  margin-top: 1.75rem;
}

.top-bg-type5 {
  background-color: #ffffff;
}

.img-bg5 {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}

.avatar5 {
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 100%;
  z-index: 1;
  object-fit: cover;
}

.cssType5bg {
  margin-left: 0.94rem;
  margin-right: 0.94rem;
}

.cssType5 {
  margin-top: 1rem;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
}

.cssType5Tags {
  margin-right: 0.31rem;
  border-radius: 0.13rem;
  font-size: 0.69rem;
  background: rgba(0, 207, 127, 0.1);
  color: #00b57f;
  padding: 0rem 0.31rem;
  display: inline-block;
  margin-top: 0.13rem;
}

.lineStyle {
  background: #ebebed;
  margin-top: 1.06rem;
  height: 0.03rem;

  @if $appType =="LJ" {
    background: $LJSepLineColor;
  }
}

.locationIcon {
  width: 1rem;
  height: 1rem;
}

.thirdRow {
  padding-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fourthRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1.19rem;
}

.bottomGap {
  height: 0.5rem;
  width: 100%;
  background: #f4f6f9;
}

.leftBox {
  flex-basis: 95%;
}

.rightArrow {
  width: 0.38rem;
  height: 0.69rem;
}

.secondTag {
  font-size: 0.69rem;
  color: #575a61;
  background: #ffffff;
  margin-right: 0.31rem;
  padding: 0.13rem 0.31rem;
  display: inline-block;
  margin-top: 0.13rem;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.pSecond {
  margin-top: 0.33rem;
}

.pFirst {
  display: flex;
  align-items: center;
}

.spanFirst {
  font-size: 0.88rem;
  font-weight: bold;
  color: #252629;
}

.spLine {
  height: 0.63rem;
  width: 0.05rem;
  background: #d4d6d9;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.name-bg6 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.gender {
  width: 1rem;
  height: 1rem;
  margin-right: 0.63rem;
}

.myCustomerService {
  display: flex;
  justify-content: center;
}

.customerBox {
  width: 3.75rem;
  height: 3.75rem;
  align-items: center;
  border-radius: 100%;
  background: linear-gradient(137deg, #2bd975 0%, #13bf5d 100%);
  display: flex;
  justify-content: center;
}

.customerIcon {
  width: 2rem;
  height: 2rem;
}

.wechatBox {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.title-p {
  font-size: 1.06rem;
  font-weight: bold;
  color: #252629;
}

.subtitle-p {
  font-size: 0.75rem;
  font-weight: 400;
  color: #45474d;
}

.banner-box {
  z-index: 2;
  position: relative;
  width: 100%;
  background-image: url("../../../assets/laijian/home_bg_compress@3x.png");
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  border-radius: 0.31rem;
}

.brimg {
  width: 4.38rem;
  height: 4.38rem;
  right: 0.5rem;
  bottom: 0.13rem;
  position: absolute;
}

.boxLeft {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.63rem;
}

.immediateBtn {
  height: 1.75rem;
  background: #252629;
  border-radius: 1.38rem;
  font-size: 0.81rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  width: fit-content;
  margin-top: 0.69rem;
}

.banner-box-detail {
  background: rgba(255, 225, 74, 0.11) #ffffff;
  box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(39, 41, 46, 0.05);
  border-radius: 0.5rem;
  border: 0.03rem solid #e8eaed;
  position: relative;
  padding: 0.94rem 0.75rem 0.81rem 1rem;
  display: flex;
  align-items: center;
}

.brimg-detail {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 0;
}

.banner-box-bg {
  background-image: url("../../../assets/fw/details_bg_want@3x.png");
  background-size: 100%;
  background-position: revert;
  position: relative;
  padding: 0.94rem 0.75rem 0.81rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
}

.immediateBtn-detail {
  height: 2rem;
  background: linear-gradient(90deg, #ffe14a 0%, #ffca3b 100%);
  border-radius: 1.38rem;
  font-size: 0.81rem;
  font-weight: bold;
  color: #252629;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 0.5rem;
}

.boxLeft-detail {
  z-index: 1;
  flex-grow: 1;
  padding-left: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.subtitle-p-detail {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #7e838c;
  line-height: 1rem;
}

.title-p-detail {
  font-size: 1rem;
  font-weight: bold;
  color: #252629;
  line-height: 1.25rem;
}

.titleIcon {
  width: 2.25rem;
  height: 2.25rem;
}

.banner-title-left {
  display: flex;
  align-items: center;
}

.css11Box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.css11Title {
  font-size: 0.88rem;
  font-weight: bold;
  color: #252629;
  margin-bottom: 0.94rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  text-align: center;
  margin-top: 1.25rem;
}

.css11btn {
  font-size: 0.75rem;
  font-weight: 400;
  color: #252629;
  padding: 0.5rem 1.5rem;
  background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
  border-radius: 0.97rem;
  margin-left: 6.75rem;
  margin-right: 6.75rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.css11Line {
  height: 0.03rem;
  background: #e8eaed;
  margin-bottom: 1.19rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.top-bg-type12 {
  height: 10.75rem;
}

.cssType12bg {
  margin-left: 1rem;
  margin-right: 1rem;
  background: #ffffff;
  border-radius: 0.75rem;
  margin-top: 1.69rem;
}

.tag-container12 {
  background: transparent;
}

.cssType12 {
  padding: 0.94rem;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
}

.avatar12 {
  width: 4.5rem;
  height: 4.5rem;
}

.img-bg12 {
  width: 4.5rem;
  height: 4.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

.wechatQrCode {
  width: 17.94rem;
  height: 17.94rem;
  margin: 1.75rem 1.75rem 2.38rem 1.75rem;
}

.tips {
  font-size: 0.75rem;
  font-weight: 400;
  color: #7e838c;
}

.thirdBox12 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tag-container13 {
  margin: 0.5rem;
  background: #ffffff;
  border-radius: 0.5rem;
}

.type13-title {
  font-size: 1.06rem;
  font-weight: bold;
  color: #0f0f0f;
  padding-left: 1rem;
  padding-top: 1rem;
}

.type13-main-box {
  display: flex;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1.25rem;
}

.type13-comment {
  font-size: 0.81rem;
  font-weight: 500;
  color: #808080;
  margin-right: 1rem;
}

.type13-comment-title {
  font-size: 0.81rem;
  font-weight: 500;
  color: #0f0f0f;
}

.type13-btn {
  height: 2rem;
  background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
  border-radius: 0.97rem;
  font-size: 0.81rem;
  font-weight: 500;
  color: #0f0f0f;
  padding: 0.44rem 0.75rem;
  flex-shrink: 0;
}

.tag-container15 {
  background: #ffffff;
  padding-left: 0.94rem;
  padding-right: 0.94rem;
  padding-top: 1.25rem;
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
}

.type15-title {
  font-size: 1.06rem;
  font-weight: bold;
  color: #0f0f0f;
  padding-left: 1rem;
  padding-top: 1rem;
}

.type15-btn-box {
  display: flex;
  justify-content: space-between;
}

.type15-bottom-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 1.88rem;
}

.type15-btn {
  font-size: 0.75rem;
  font-weight: 400;
  color: #0f0f0f;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.type15-icon {
  width: 4rem;
  height: 4rem;
}

.type15-bottom-btn {
  font-size: 0.88rem;
  font-weight: 400;
  color: #5c6e99;
}

.type15-bottom-icon {
  width: 0.5rem;
  height: 0.75rem;
  margin-left: 0.25rem;
}

.tag-container14 {
  background: #ffffff;
  border-radius: 1rem 0 0 0rem;
  margin-top: -2rem;
  z-index: 2;
  position: relative;
}

.type14-top {
  display: flex;
  width: 100vw;
  justify-content: space-between;
}

.type14-topleft {
  width: calc(100vw - 7.57rem);
}

.type14-title {
  font-size: 1.38rem;
  font-weight: bold;
  color: #0f0f0f;
  padding-left: 1rem;
  padding-top: 1rem;
}

.type14-subTitle {
  font-size: 0.75rem;
  font-weight: 400;
  color: #0f0f0f;
  padding-left: 1rem;
  padding-top: 0.38rem;
  display: flex;
  align-items: center;
}

.type14-tag {
  font-size: 0.63rem;
  font-weight: 400;
  color: #808080;
  height: 1rem;
  background: #f5f5f5;
  border-radius: 0.5rem;
  padding: 0.06rem 0.25rem;
}

.type14-imgBg {
  background-image: url(../../../assets/fw/bg_head_portrait@3x.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7.13rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.13rem;
  margin-right: 0.44rem;
  z-index: 13;
  position: relative;
  margin-top: -2.62rem;
  height: 7.13rem;
}

.type14-avatar {
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  position: absolute;
  bottom: 0.69rem;
  left: 0.56rem;
  right: 0.56rem;
}

.type14-shopowner {
  width: 6rem;
  height: 1.25rem;
  position: absolute;
  bottom: 0.69rem;
  left: 0.56rem;
  right: 0.56rem;
}

.type14-honor-box {
  display: flex;
  padding-left: 1rem;
  padding-top: 0.25rem;
}

.type14-tag1 {
  height: 1.38rem;
  background: #fff5d9;
  border-radius: 0.25rem;
  margin-right: 0.31rem;
  font-size: 0.69rem;
  font-weight: bold;
  color: #9e6920;
  padding-right: 0.31rem;
  display: flex;
  align-items: center;
  float: left;
  margin-top: 0.31rem;
}

.type14-tag-icon {
  width: 1rem;
  height: 1.38rem;
  margin-left: 0.25rem;
  margin-right: 0.19rem;
}

.type14-tag2 {
  height: 1.38rem;
  background: #ffeae6;
  border-radius: 0.25rem;
  margin-right: 0.31rem;
  font-size: 0.69rem;
  font-weight: bold;
  color: #ff5500;
  padding-right: 0.31rem;
  display: flex;
  align-items: center;
  float: left;
  margin-top: 0.31rem;
}

.type14-tag3 {
  height: 1.38rem;
  background: #fff4d1;
  border-radius: 0.25rem;
  margin-right: 0.31rem;
  font-size: 0.69rem;
  font-weight: bold;
  color: #ff9500;
  padding-right: 0.31rem;
  display: flex;
  align-items: center;
  float: left;
  margin-top: 0.31rem;
}

.type14-tag4 {
  height: 1.38rem;
  background: #fee6ff;
  border-radius: 0.25rem;
  margin-right: 0.31rem;
  font-size: 0.69rem;
  font-weight: bold;
  color: #bd2ee6;
  padding-right: 0.31rem;
  display: flex;
  align-items: center;
  float: left;
  margin-top: 0.31rem;
}

.type14-bottom-box1 {
  display: flex;
  padding-top: 1.88rem;
  padding-left: 1.38rem;
  padding-bottom: 1.75rem;
  align-items: center;
}

.type14-single-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.type14-top-label {
  font-size: 0.75rem;
  font-weight: 400;
  color: #4d4d4d;
}

.type14-bottom-label {
  font-size: 0.75rem;
  font-weight: 400;
  color: #4d4d4d;
}

.splineLine {
  width: 0.03rem;
  height: 2rem;
  background: #e0e0e0;
  margin-left: 1.38rem;
  margin-right: 1.38rem;
}

.type14-bottom-flag {
  height: 0.94rem;
  font-size: 0.69rem;
  font-weight: 400;
  color: #2abf50;
  padding-left: 0.31rem;
  padding-right: 0.31rem;
  padding-bottom: 0.06rem;
  margin-right: 0.31rem;
}

.type14-thirdRow-left {
  padding-left: 1rem;
  padding-right: 1rem;
}

.type14-pSecond {
  display: flex;
}

.type14-secondTag {
  height: 1.13rem;
  border-radius: 0.13rem;
  border: 0.03rem solid #cccccc;
  padding: 0.06rem 0.31rem;
}

.type14-updShopName {
  font-size: 0.75rem;
  font-weight: 400;
  color: #008cff;
  margin-left: 0.5rem;
}

.type14-updAvatar {
  bottom: 1.94rem;
  height: 1.13rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.88rem;
  font-size: 0.63rem;
  font-weight: 400;
  color: #ffffff;
  z-index: 9;
  position: absolute;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.type14-nickName {
  font-size: 0.88rem;
  font-weight: bold;
  color: #0f0f0f;
  bottom: -0.62rem;
  z-index: 9;
  position: absolute;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 1.13rem;
  background: unset;
}

.tag-container16 {
  position: relative;
}

.type16-bottom {
  z-index: 1000;
  background: #ffffff;
  box-shadow: -2rem -1rem 2rem 0rem rgba(15, 15, 15, 0.12);
  border-radius: 0.75rem 0.75rem 0rem 0rem;
  height: calc(22vh);
  width: 100vw;
  position: absolute;
  padding: 1rem;
  margin-top: -0.75rem;
}

.type16-bottom-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.type16-shop-name {
  font-size: 1.13rem;
  font-weight: bold;
  color: #0f0f0f;
  display: flex;
  flex-direction: column;
}

.type16-address {
  font-size: 0.81rem;
  font-weight: 400;
  color: #808080;
}

.type16-navigate-btn {
  height: 2.5rem;
  background: #3377fe;
  border-radius: 1.25rem;
  font-size: 0.88rem;
  font-weight: bold;
  color: #ffffff;
  padding: 0.63rem 1rem;
  flex-shrink: 0;
}

.type16-contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.25rem;
}

.type16-user-left {
  width: calc(100vw - 9.75rem);
  display: flex;
}

.type16-btn-right {
  width: 9.75rem;
  display: flex;
}

.type16-btn-icon {
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 1rem;
}

.type16-avatar-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
}

.type16-name-box {
  display: flex;
  flex-direction: column;
}

.type-16-name {
  font-size: 1rem;
  font-weight: bold;
  color: #0f0f0f;
}

.type-16-tag {
  font-size: 0.75rem;
  font-weight: 400;
  color: #999999;
}

.type16-distance {
  font-size: 0.81rem;
  font-weight: 400;
  color: #808080;
}

.find-it-container {
  background: linear-gradient(315deg, #ffe015 0%, #fad119 100%);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
}

.type17-top {
  padding-top: 0.75rem;
  display: flex;
  flex-direction: column;
}

.type17-tipsBox {
  height: 4.25rem;
  background: #ffffff;
  box-shadow: 0rem 0.13rem 0.75rem 0rem rgba(255, 170, 0, 0.2);
  border-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

.type17-title-left {
  display: flex;
  flex-direction: column;
}

.type17-title {
  font-size: 1rem;
  font-weight: bold;
  color: #0f0f0f;
}

.type17-subTitle {
  font-size: 0.75rem;
  font-weight: 400;
  color: #808080;
}

.type17-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.25rem;
}

.type17TopRightBtn {
  display: flex;
  font-size: 0.75rem;
  font-weight: 400;
  color: #0f0f0f;
}

.type17TopArrowIcon {
  width: 1.19rem;
  height: 0.75rem;
  margin-left: 1.13rem;
}

.type17IconLabel {
  display: flex;
  flex-direction: column;
  font-size: 0.81rem;
  font-weight: 400;
  color: #0f0f0f;
  align-items: center;
}

.type17IconBtn {
  padding-top: 0.31rem;
}

.type18-search-it-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 2rem;
  background: rgb(245, 245, 245);
  border-radius: 1rem;
  width: calc(100vw - 2.5rem);
  margin-left: 1.25rem;
  margin-top: 0.63rem;
}

.type18-search-icon {
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.81rem;
  margin-right: 0.25rem;
}

.type18-hint {
  font-size: 0.81rem;
  font-weight: 400;
  color: #999999;
}

.type19-container {
  background: #ffffff;
  width: 100vw;
  padding-top: 0.5rem;
}

.type20-container {
  margin-top: 0.38rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
  height: 8rem;
  background: #fff9e6;
  border-radius: 0.5rem;
  border: 0.03rem solid #ffcc33;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
}

.type20-firstRowLabel {
  font-size: 1.13rem;
  font-weight: bold;
  color: #111111;
  margin-bottom: 0.25rem;
}

.type20-secondRowLabel {
  font-size: 0.88rem;
  font-weight: 400;
  color: #808080;
  margin-bottom: 0.69rem;
}

.type20-bottom-button {
  height: 2.25rem;
  background: linear-gradient(90deg, #ffdb3b 0%, #ffc73b 100%);
  border-radius: 1.47rem;
}

.rightIcon {
  position: absolute;
  bottom: 0rem;
  right: 0rem;
  width: 7.25rem;
  height: 5.94rem;
}

.type21-container {
  margin-top: 1.25rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}

.first-row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  position: relative;
}

.second-row2 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  position: relative;
}

.third-row2 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  position: relative;
}

.firstRowFirstBtn {
  height: 4rem;
  background: linear-gradient(135deg, #ff8a00 0%, #ffc000 100%);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(100vw - 15.5rem);
  align-items: flex-start;
  justify-content: center;
  padding-left: 1rem;
}

.secondRowFirstBtn {
  height: 4rem;
  background: linear-gradient(315deg, #8580ff 0%, #6168ff 100%);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(100vw - 15.5rem);
  align-items: flex-start;
  justify-content: center;
  padding-left: 1rem;
}

.thirdRowFirstBtn {
  height: 4rem;
  background: linear-gradient(315deg, #ff8591 0%, #ff637d 100%);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(100vw - 15.5rem);
  align-items: flex-start;
  justify-content: center;
  padding-left: 1rem;
}

.firstBtnIcon {
  width: 4rem;
  height: 4rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

.commonIconBtn {
  width: 4rem;
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(315deg, #fff8e6 0%, #fff3e6 100%);
  border-radius: 0.25rem;
  border: 0.03rem solid #ffeeb3;
}

.commonIconBtn1 {
  width: 4rem;
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #eff0ff 0%, #f2f2ff 100%);
  border-radius: 0.25rem;
  border: 0.03rem solid #cccbff;
}

.commonIconBtn2 {
  width: 4rem;
  height: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ffeff2 0%, #fff2f4 100%);
  border-radius: 0.25rem;
  border: 0.03rem solid #ffd6db;
}

.commonIcon {
  width: 1.5rem;
  height: 1.5rem;
}

.commonLabel {
  font-size: 0.69rem;
  font-weight: 400;
  color: #0f0f0f;
  padding-top: 0.31rem;
}

.type22-container {
  margin-top: 1.25rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}

.type22-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem;
  padding-top: 1rem;
  padding-right: 1rem;
}

.type22-title {
  font-size: 1rem;
  font-weight: bold;
  color: #0f0f0f;
}

.type22StyleType1Box {
  display: flex;
  justify-content: space-between;
  border-radius: 0.5rem;
}

.type22NormalBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.rightLabel {
  font-size: 0.75rem;
  font-weight: 400;
  color: #999999;
}

.type22SubTitle {
  font-size: 0.75rem;
  font-weight: 400;
  color: #808080;
  padding-left: 1rem;
  padding-bottom: 0.75rem;
  padding-top: 0.25rem;
}

.type22SingleBtn {
  background: linear-gradient(90deg, #fff2f3 0%, #fee0e0 100%);
  display: flex;
  justify-content: center;
  align-items: start;
  padding-left: 0.75rem;
  position: relative;
  width: calc((100vw - 4.5rem) / 2);
  height: 4.5rem;
  border-radius: 0.5rem;
  flex-direction: column;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
}

.type22SingleBtn1 {
  display: flex;
  justify-content: center;
  align-items: start;
  padding-left: 0.75rem;
  position: relative;
  width: calc((100vw - 4.5rem) / 2);
  flex-direction: column;
}

.type22Height1 {
  height: 5.25rem;
}

.type22Height2 {
  height: 3.75rem;
}

.type22Icon {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
}

.marginLeft {
  margin-left: 1rem;
}

.marginRight {
  margin-right: 1rem;
}

.type22RightBox {
  width: calc((100vw - 4.5rem) / 2);

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.type22LeftBox {
  width: calc((100vw - 4.5rem) / 2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(90deg, #fffaeb 0%, #fff0d1 100%);
  border-radius: 0.5rem;
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}

.type23-container {
  background: linear-gradient(360deg, #fff9e6 0%, #ffeecc 100%);
}

.type23TopBox {
  display: flex;
  justify-content: space-between;
  padding-top: 0.75rem;
}

.type23BtnIcon {
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 0.38rem;
}

.type23TitleBox {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  margin-left: 0.5rem;
}

.type23Title {
  font-size: 1rem;
  font-weight: 800;
  color: #4d2e10;
}

.type23SubTitle {
  font-size: 0.69rem;
  font-weight: 400;
  color: #995817;
  display: flex;
  justify-content: center;
  align-items: center;
}

.type23ArrowIcon {
  width: 0.38rem;
  height: 0.75rem;
  margin-left: 0.25rem;
}

.type23LeftBtn {
  display: flex;
  align-items: center;
  background: linear-gradient(88deg, #ffeebd 0%, #ffd98c 100%);
  border-radius: 0.5rem;
  border: 0.16rem solid #ffffff;
  width: calc((100vw -2rem) / 2);
  justify-content: space-between;
  margin-right: 0.25rem;
  margin-left: 0.75rem;
  padding: 0.5rem;
}

.type23RightBtn {
  display: flex;
  align-items: center;
  background: linear-gradient(88deg, #ffeebd 0%, #ffd98c 100%);
  border-radius: 0.5rem;
  border: 0.16rem solid #ffffff;
  width: calc((100vw -2rem) / 2);
  justify-content: space-between;
  margin-right: 0.75rem;
  margin-left: 0.25rem;
  padding: 0.5rem;
}

.bottomTopBg {
  width: calc(100vw - 1.5rem);
  height: 2.5rem;
  position: absolute;
  top: 0;
}

.type23bottomBtnBox {
  display: flex;
  justify-content: space-between;
  width: calc(100vw - 1.5rem);
  margin-top: 2rem;
  z-index: 2;
  background: #ffffff;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.type23BottomBox {
  display: flex;
  position: relative;
  justify-content: center;
  margin-top: 0.75rem;
  height: 10.63rem;
  padding-bottom: 1rem;
}

.secondRowFirstBtn1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.secondRowIcon {
  width: 4.25rem;
  height: 4.25rem;
}

.secondRowTitle {
  font-size: 0.81rem;
  font-weight: 800;
  color: #0f0f0f;
  padding-top: 0.5rem;
}

.secondRowSubTitle {
  font-size: 0.75rem;
  font-weight: 400;
  color: #808080;
  padding-top: 0.31rem;
}

.spline3 {
  width: 0.03rem;
  height: 6.88rem;
  background: #ededed;
}

.serviceShopName {
  font-size: 0.88rem;
  font-weight: bold;
  color: #111111;
  margin-left: 1rem;
  margin-right: 1rem;
}

.type23Spline {
  width: 0.03rem;
  height: 0.5rem;
  background: #b3b3b3;
  margin-left: 0.31rem;
  margin-right: 0.31rem;
}

.type24-container {
  background: #ffffff;
  padding: 0.75rem;
}

table {
  border-collapse: collapse;
}

table,
th,
td {
  border: 0.03rem solid #ededed;
}

.type24-table {
  width: calc(100vw - 1.5rem);
}

.type24-tr {
  background: #f5f5f5;
  border-radius: 0rem 0rem 0.25rem 0.25rem;
  height: 2.5rem;
}

.type24-normal-rows {
  height: 2.5rem;
}

.last-rows-td {
  padding: 0.75rem;
}

.type24-headerTitle {
  margin-left: 0.5rem;
  margin-bottom: 0.88rem;
  font-size: 0.88rem;
  font-weight: 400;
  color: #999999;
}

.type8Icon {
  height: 1.5rem;
  width: 1.5rem;
}

.type25-container {
  background: #ffffff;
  padding: 0.75rem;
}

.type25-table {
  display: flex;
}

.type25-content {
  font-size: 0.81rem;
  font-weight: 400;
  color: #999999;
}

.type25-top {
  display: flex;
  margin: 0.75rem;
  justify-content: space-between;
}

.type25-leftlabel {
  font-size: 0.88rem;
  font-weight: 400;
  color: #333333;
  pointer-events: none;
}

.type25-rightlabel {
  font-size: 0.88rem;
  font-weight: 400;
  color: #333333;
}

.type25-content-box {
  border-bottom: solid 0.03rem #ededed;
}

.toggle {
  --handle-background-checked: #ff9500;
}

.toggle27Box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 1rem;
}

.type27TipIcon {
  width: 1.25rem;
  height: 1.25rem;
}

.type27TipIcon2 {
  width: 0.38rem;
  height: 0.38rem;
  margin-left: 0.25rem;
}

.type27Span {
  font-size: 1.13rem;
  font-weight: bold;
  color: #252629;
}

.type25RightLabelBox {
  display: flex;
  align-items: center;
  pointer-events: none;
}

.fengwoCustomerChat {
  position: absolute;
  z-index: 9999;
  bottom: 6.06rem;
  right: 0;
  width: 7.5rem;
  height: 2.5rem;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0rem 0.13rem 0.75rem 0rem rgba(0, 0, 0, 0.1);
  border-radius: 6.25rem 0rem 0rem 6.25rem;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.fengwoCustomerChatLabel {
  font-size: 0.88rem;
  font-weight: bold;
  color: #121212;
}

.fcc-icon {
  width: 1.88rem;
  height: 1.56rem;
  margin-left: 0.56rem;
}

.innerListBox {
  width: 100%;
  height: 20rem;
  overflow-y: scroll;
}

.accordion-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  max-height: 360px;
  z-index: 12;
  padding-bottom: calc(var(--ion-safe-area-bottom) + 6.75rem);
  max-height: 360px;
}

@supports (top: env(safe-area-inset-top)) {
  .accordion-box {
    padding-top: env(safe-area-inset-bottom);
  }
}

//  after iphone 11
@supports (top: constant(safe-area-inset-top)) {
  .accordion-box {
    padding-top: constant(safe-area-inset-bottom);
  }
}

.accordion-msg-box {
  border-radius: unset;
}

.accordion-top {
  margin-top: unset !important;
}

.bottomBox2 {
  background: #fff8e6;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bottomBoxIcon {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.5rem;
}

.bottomBox {
  background: #fff8e6;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordionBottomLabel {
  font-size: 0.88rem;
  font-weight: bold;
  color: #9e6920;
}

.accordionBottomBtn {
  height: 2.25rem;
  background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
  border-radius: 3rem;
  text-align: center;
  padding: 0.5rem 1.25rem;
  display: flex;
  font-weight: 600;
  flex-shrink: 0;
}

.type30AccordionBox {
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  z-index: 12;
}

@supports (top: env(safe-area-inset-top)) {
  .type30AccordionBox {
    top: calc(44px + env(safe-area-inset-top));
  }
}

@supports (top: constant(safe-area-inset-top)) {
  .type30AccordionBox {
    top: calc(44px + constant(safe-area-inset-top));
  }
}

.accordion-msg-box {
  border-radius: unset;
  background-image: url(https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16468100968198d2acb1d81f0299a7c5adff933d06b8a.png);
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  background-size: 100%;
  background-repeat: repeat;
  height: 4.69rem;
  border-radius: 0.32rem;
}

.type30Label {
  font-size: 0.88rem;
  font-weight: bold;
  color: #9e6920;
  padding: 0.75rem 1rem;
}

.type30AccordionBox.am-accordion.am-accordion-header {
  background-color: red;
}

.type30InnerBox {
  width: 100%;
  background: red;
  height: 44px;
  z-index: 999;
  position: absolute;
}

.type32-btn-bg {
  display: flex;
  align-items: center;
  flex: 1;
}

.type32-icon-btn {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 3.13rem;
  background: white;
  border-radius: 0.5rem;
  width: 3.2rem;
  font-size: 1rem;
  margin-left: 1.25rem;
}

.type32-icon {
  width: 1.5rem;
  height: 1.5rem;
  background: white;
  margin: unset;
}

.type32-label {
  font-size: 0.63rem;
  font-weight: 400;
  color: #666666;
}

.type32-label-check {
  font-size: 0.63rem;
  font-weight: 400;
  color: #ff3a33;
}

.type33-leftbox {
  display: flex;
}

.type32-container {
  display: flex;
}

.type32-bottom-box {
  width: 100vw;
  height: 2.13rem;
}

.type33-container {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  justify-content: space-between;
  margin-top: 0.75rem;
  margin-right: 0.75rem;
}

@supports (bottom: env(safe-area-inset-bottom)) {
  .type33-container {
    margin-bottom: calc(env(safe-area-inset-bottom) + 0.75rem);
  }
}

@supports (bottom: constant(safe-area-inset-bottom)) {
  .type33-container {
    margin-bottom: constant(env(safe-area-inset-bottom) + 0.75rem);
  }
}

.type33-l-btn {
  height: 2.5rem;
  background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
  border-radius: 1.25rem;
  padding: 0.81rem 1.75rem;
  font-size: 0.88rem;
  font-weight: bold;
  color: #0f0f0f;
  margin-right: 0.5rem;
}

.type33-r-btn {
  height: 2.5rem;
  background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
  border-radius: 1.25rem;
  padding: 0.81rem 1.75rem;
  font-size: 0.88rem;
  font-weight: bold;
  color: #0f0f0f;
}

.type33-f-label {
  font-size: 0.88rem;
  font-weight: 400;
  color: #0f0f0f;
}

.type33-check-all {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #27282e;
  flex-shrink: 0;
}

.type33-check {
  margin-right: 0.63rem;
  display: inline-block;
  background-image: url("../../../assets/icon/release_icon_unchecked@3x.png");
  background-size: 1.25rem;
  background-repeat: no-repeat;
  height: 1.25rem;
  width: 1.25rem;
}

.type33-check.checked {
  background-image: url("../../../assets/icon/quick_release_checked_lj@3x.png");
}

.type34-container {
  background: #fff8e6;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 1rem;
}

.type34-top {
  position: relative;
}

.type34Icon {
  width: 3.75rem;
  height: 3.75rem;
}

.type34-l1 {
  font-size: 1rem;
  font-weight: bold;
  color: #9e6920;
  position: absolute;
  z-index: 13;
  left: 1rem;
  top: 0.75rem;
}

.type34-l2 {
  font-size: 0.88rem;
  font-weight: 400;
  color: #9e6920;
  padding-left: 1rem;
  padding-right: 1rem;
}

.type34-btn {
  height: 2.75rem;
  background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
  border-radius: 1.38rem;
  font-size: 1rem;
  font-weight: bold;
  color: #0f0f0f;
  padding: 0.69rem 1rem;
  text-align: center;
}

.type34-btnbox {
  display: flex;
  justify-content: center;
}

.bottomImgUrl {
  width: 100vw;
  height: 0.19rem;
}

.newLabel {
  font-size: 0.88rem;
  font-weight: 400;
  color: #999999;
}

.topRightBtn {
  padding: 0.31rem 1.06rem;
  height: 1.75rem;
  border-radius: 1rem;
  border: 0.03rem solid rgb(182, 185, 191);
  font-size: 0.75rem;
  font-weight: 400;
  color: rgb(87, 90, 97);
  background: white;
  align-items: center;
  justify-content: center;
}

.type35-btn {
  height: 2.75rem;
  background: linear-gradient(135deg, #ffde3b 0%, #ffc933 100%);
  border-radius: 3rem;
  font-size: 1rem;
  font-weight: 600;
  color: #222222;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0.69rem 1.5rem;
}

.type35-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0rem -0.25rem 0.38rem 0rem rgba(37, 38, 41, 0.04);
  text-align: center;
  padding: 0.75rem;
}

.price-digits-o {
  font-size: 0.88rem;
  font-weight: bold;
}

.type36-container {
  background: #ffffff;
  padding-top: 1.13rem;
  padding-bottom: 0.94rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  flex-direction: column;
}

.type36-tbox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.type36-bbox {
  display: flex;
  justify-content: space-between;
}

.type36-tl-label {
  font-size: 1.13rem;
  font-weight: bold;
  color: #222222;
}

.type36LocIcon {
  width: 1rem;
  height: 1rem;
}

.type36CloseIcon {
  width: 1.25rem;
  height: 1.25rem;
}

.type36tlLabel {
  font-size: 1.13rem;
  font-weight: bold;
  color: #222222;
}

.type36blLabel {
  font-size: 1.13rem;
  font-weight: bold;
  color: #222222;
}

.type36brLabel {
  font-size: 0.75rem;
  font-weight: bold;
  color: #fe990d;
}

.disableBtn {
  opacity: 0.4;
}

.type35-item-left {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.check-img {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 100%;
  background: url("../../../assets/img/release_icon_uncheckedcopy@3x.png") no-repeat center;
  background-size: 100%;
}

.disableCheck {
  opacity: 0.29;
  pointer-events: none;
}

.checked-img {
  background: url("../../../assets/img/release_icon_checked@3x.png") no-repeat center;

  @if $appType =="LJ" {
    background: url("../../../assets/icon/quick_release_checked_lj@3x.png") no-repeat center;
  }

  background-size: 100%;
}

.type37-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f4f6f9;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.leftTitle {
  font-size: 1rem;
  font-weight: bold;
  color: #0f0f0f;
  padding-bottom: 1.25rem;
}

.type37-lbox {
  background: #ffffff;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  margin-right: 0.69rem;
}

.type37-rbox {
  background: #ffffff;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
}

.leftSecondBox {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.03rem solid #e8eaed;
  padding-bottom: 1.25rem;
}

.leftComment {
  font-size: 0.75rem;
  font-weight: 400;
  color: rgb(102, 102, 1);
}

.leftImgUrl {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  margin-left: 0.5rem;
  margin-right: 1.25rem;
}

.leftThirdBox {
  font-size: 0.75rem;
  font-weight: 400;
  color: rgb(102, 102, 102);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.69rem;
}

.lFirstBtn {
  font-size: 0.75rem;
  font-weight: bold;
  color: #222222;
}

.middleLine {
  width: 0.06rem;
  height: 0.5rem;
  background: rgba(179, 179, 179, 1);
}

.toggleBtnBox {
  display: flex;
  align-items: center;
}

.iconBtnUrl {
  width: 1rem;
  height: 1rem;
  margin-left: 0.25rem;
}

.type27ViewAllBtn {
  font-size: 0.75rem;
  font-weight: 400;
  color: #999999;
  margin-right: 0.13rem;
}

.type27ManageBtn {
  font-size: 0.75rem;
  font-weight: 400;
  color: #0d96ff;
  margin-right: 1rem;
}

.arrowBox {
  display: flex;
  align-items: center;
}

.toggleBtn {
  margin-right: 1rem;
  display: flex;
  align-items: center;
}

.leftTips {
  font-size: 0.88rem;
  font-weight: 400;
  color: #222222;
  margin-top: 0.69rem;
}

.leftMiddleBtn {
  height: 2rem;
  background: linear-gradient(135deg, #ffde3b 0%, #ffc933 100%, #ff4d40 100%);
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.88rem;
  font-weight: 600;
  color: #222222;
  width: 9rem;
  margin-top: 1rem;
}

.leftMiddleBtnIcon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.37rem;
}

.leftBottomLabel {
  font-size: 0.75rem;
  font-weight: 400;
  color: #fe990d;
  margin-top: 0.75rem;
  text-align: center;
}

.headerTitle {
  font-size: 1rem;
  font-weight: bold;
  color: #9e6920;
  padding: 1rem;
  width: 100vw;
}

ion-toggle {
  width: 2.33rem;
  --background-checked: #ffcc00;
  --handle-width: 2.5rem;
  --handle-height: 1.5rem;
  --handle-background-checked: #ffffff;
}

.type38-container {
  display: flex;
  align-items: center;
  position: relative;
  background: #fffdf2;
  border-radius: 0.5rem;
  border: 0.06rem solid #ffd82b;
  padding: 0.75rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}

.type38-textBox {
  width: calc(100vw - 3rem - 3.25rem);
  display: flex;
  flex-direction: column;
}

.type38-title {
  font-size: 0.88rem;
  font-weight: 600;
  color: #0f0f0f;
}

.type38-subTitle {
  font-size: 0.75rem;
  font-weight: 400;
  color: #999999;
}

.type38-leftIcon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}

.type38-rightIcon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 0;
}

.type38-checkIcon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 1.06rem;
  top: 1.5rem;
}

.type38-lockUp {
  background: #f5f5f5;
  border-radius: 0.5rem;
  border: unset;
}

.type39-container {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: linear-gradient(360deg, rgba(255, 239, 230, 0) 0%, #ffe8e6 100%);
}

.type39-tbox {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.type39-title {
  word-break: break-all;
  font-size: 1.38rem;
  font-weight: 600;
  color: #0f0f0f;
}

.type39-titleBox {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  width: calc(100vw - 8.81rem);
}

.type39-arrow {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.5rem;
  position: relative;
  display: inline-block;
  background-size: cover;
  transform: translateY(0.13rem);
  margin-bottom: 0.31rem;
  background-image: url("");
}

.type39-arrow::after {
  content: "";
  position: absolute;
  background: transparent;
  left: 0;
  bottom: -2.5rem;
  height: 2.5rem;
  width: 2.5rem;
}

.type39-rightBtn {
  font-size: 0.88rem;
  font-weight: 600;
  color: #ff3d2b;
  padding: 0.38rem 0.75rem;
  border-radius: 2rem;
  border: 0.06rem solid #ff3d2b;
  display: flex;
  flex-shrink: 0;
}

.type39-bbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.type39-label {
  font-size: 0.88rem;
  font-weight: 400;
  color: #999999;
  margin-right: 0.5rem;
}

.type39-value {
  font-size: 0.88rem;
  font-weight: 600;
  color: #222222;
}

.type41-title {
  word-break: break-all;
  font-size: 1.06rem;
  font-weight: bold;
  color: #252629;
}

.type41-fr {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  position: relative;
}

.type41-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
}

.type41-avatarBox {
  display: flex;
  align-items: center;
}

.type41-label {
  width: 5.63rem;
  font-size: 0.88rem;
  font-weight: 400;
  color: #808080;
}

.type41-value {
  width: 9.81rem;
  font-size: 0.88rem;
  font-weight: 400;
  color: #333333;
}

.type41-chat {
  position: absolute;
  right: 4rem;
  width: 2.25rem;
  height: 2.25rem;
}

.type41-phone {
  position: absolute;
  right: 0.75rem;
  width: 2.25rem;
  height: 2.25rem;
}

.firstTipIcon {
  width: 3.63rem;
  height: 3.63rem;
}

.firstTipInnerBox {
  height: 3.63rem;
  display: flex;
  align-items: center;
}

.tip1TopFirstRowLabel {
  font-size: 0.88rem;
  font-weight: 600;
  color: #8c5d1c;
  display: flex;
  align-items: center;
}

.tip2SecondRowLabel {
  font-size: 0.69rem;
  font-weight: 400;
  color: #9e6920;
}

.tips1BoxBtn {
  width: 4rem;
  height: 1.5rem;
  background: linear-gradient(180deg, #fff9e6 0%, #fff2cc 100%);
  box-shadow: inset 0rem 0rem 0.5rem 0rem rgba(255, 255, 255, 0.5);
  border-radius: 1.56rem;
  font-size: 0.69rem;
  font-weight: 600;
  color: #8c5d1c;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.75rem;
}

.tip1TopFirstRowLeftIcon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.19rem;
}

.tips1MainBox {
  width: calc(100vw - 1.5rem);
  height: 3.63rem;
  background-image: url(https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1677119840025dd7a255526bea5fffe86b5813641c507.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: right top;
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tips2MainBox {
  width: calc(100vw - 1.5rem);
  height: 3.63rem;
}

.closeIcon {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
}

.tips1InnerBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tips2MainBox {
  width: calc(100vw - 1.5rem);
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
  height: 3.63rem;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  backdrop-filter: blur(20px);
  justify-content: space-between;
}

.tips2InnerBox {
  display: flex;
  align-items: center;
}

.tip2TopFirstRowLeftIcon {
  width: 2.13rem;
  height: 2.13rem;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
}

.innerRightBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tips2BoxBtn {
  width: 4rem;
  height: 1.5rem;
  background: #ff3d2b;
  box-shadow: inset 0rem 0rem 0.5rem 0rem rgba(255, 255, 255, 0.5);
  border-radius: 1.56rem;
  margin-right: 0.75rem;
  font-size: 0.69rem;
  font-weight: 600;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.headDiv {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 0.44rem 1rem;
}

.headDivInnerBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  width: calc(100vw - 2rem);
  box-shadow: 0rem 0.13rem 0.88rem 0rem rgba(0, 0, 0, 0.04);
  border-radius: 0.5rem;
  border: 0.03rem solid #f0f0f0;
  padding: 0.94rem 1rem;
}

.middleLine {
  width: 0.03rem;
  height: 1rem;
  background: #e8eaed;
  margin-left: 0.94rem;
  margin-right: 0.94rem;
}

.firstRowIcon {
  width: 0.38rem;
  height: 0.38rem;
  margin-left: 0.25rem;
}

.firstRowSecondIcon {
  width: 0.88rem;
  height: 0.88rem;
  margin-right: 0.25rem;
}

.headDivRightText {
  margin-left: 1rem;
}

.commonIcon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.75rem;
}

.firstRowLeftHintLabel {
  font-size: 0.88rem;
  font-weight: 400;
  color: #999999;
  width: 12rem;
}

.header-arrow-img {
  width: 0.38rem;
  height: 0.38rem;
}

.bottomSearchBox2 {
  --background: transparent !important;
}

.firstTipBox {
  width: auto;
  height: 3.63rem;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.secondTipBox {
  width: auto;
  height: 3.63rem;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
}

.type46-container {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: linear-gradient(360deg, rgba(255, 239, 230, 0) 0%, #ffe8e6 100%);
}

.type46-title {
  height: 1.06rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #808080;
}

.type46-img {
  width: 21.44rem;
  height: 14.38rem;
  background: #d8d8d8;
  border-radius: 0.13rem;
}

.type5-align {
  display: flex;
  align-items: center;
}

.view-balance-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5.06rem;
  background: transparent;
}

.salary-box {
  min-width: calc(100vw - 9.13rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.detail-link-btn {
  width: 3.63rem;
  height: 1.75rem;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 0.88rem 0rem 0rem 0.88rem;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.detail-salary {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.detailLabel {
  font-size: 0.75rem;
  font-weight: 400;
  color: #0f0f0f;
}

.arrowIcon {
  width: 0.38rem;
  height: 0.63rem;
  margin-left: 0.25rem;
}

.salary-label {
  font-size: 0.75rem;
  font-weight: 400;
  color: #222222;
}

.salary-amount {
  font-size: 1.5rem;
  font-weight: bold;
  color: #222222;
}

.updateNameBtnLabel {
  font-size: 0.75rem;
  font-weight: 400;
  color: #0d96ff;
  margin-left: 0.75rem;
}

.updateAvatarBtnLabel {
  width: 3.5rem;
  height: 1.25rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.88rem;
  position: absolute;
  top: 2.3rem;
  z-index: 2;
  left: 1.25rem;
  font-size: 0.63rem;
  font-weight: 400;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.view-express-box {
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.express {
  display: flex;
}

.express-circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
}

.top-circle-left {
  width: 0.6rem;
  height: 0.6rem;
  background: #ffffff;
  border: 0.13rem solid #fe950d;
  border-radius: 50%;
  transform: scale(1.1) translateX(-0.02rem);
  flex: none;
}

.top-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  margin-left: 1rem;
}

.express-left {
  font-size: 0.88rem;
  font-weight: 600;
  color: #222222;
  margin-top: 0.01rem;
}

.right {
  display: flex;
  align-items: center;
}

.right-value {
  font-size: 0.75rem;
  font-weight: 400;
  color: #222222;
  max-width: calc(100vw - 12rem);
  margin-left: 1rem;
}

.right-img {
  width: 0.35rem;
  margin-left: 0.25rem;
}

.bottom {
  width: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.express-lable {
  display: flex;
  min-height: 1.06rem;
}

.label-left {
  width: 0.06rem;
  background: #fe950d;
}

.label-right {
  display: inline-block;
  margin-left: 0.85rem;
  padding-bottom: 0.8em;
  padding-top: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #fe950d;
}

.divider {
  width: 0.06rem;
  height: inherit;
  background: #dedede;
}

.action {
  background: #fe950d;
  border-color: #fe950d;
}

.action-title {
  color: #fe950d;
  margin-top: -1.4rem;
}

.action-text {
  color: #fe950d;
}

.action-title-end {
  margin-top: 0.7rem !important;
  position: absolute;
  margin-left: 1rem !important;
}

.bottom-content-end {
  border-left: none !important;
  margin-top: 0.8rem !important;
}

.text-start {
  margin-top: -0.72rem;
  margin-bottom: 0.7rem;
}

.circle-end {
  height: 1.2rem;
}

.companyBox {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}

.emptyExpressData {
  padding: 0.5rem 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.type38-authIcon {
  width: 2.75rem;
  height: 1rem;
  margin-left: 0.38rem;
  object-fit: cover;
}

.privacy-box {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 0.88rem;
  color: #222222;
  font-weight: 400;
}

.privacy-top-box {
  font-size: 0.88rem;
  color: #222222;
  font-weight: 400;
}

.app-privacy {
  font-size: 0.88rem;
  color: #fe990d;
  font-weight: 400;
}

.privacy-icon {
  width: 0.88rem;
  height: 0.88rem;
  margin-right: 0.37rem;
}

.privacy-tips {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #222222;
  font-weight: bold;
  font-size: 0.88rem;
}

.privacy-tips-label {
  font-size: 0.81rem;
  color: #999999;
  font-weight: normal;
  padding-left: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

.privacy-middle-box {
  padding-top: 1rem;
}

.privacy-right-tips {
  color: #222222;
  font-size: 0.88rem;
  margin-top: 1.5rem;
}

.relocation-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3.38rem;
  background: #ffffff;
  padding: 1rem;
}

.relocation-btn-icon {
  width: 1.13rem;
  height: 1.13rem;
  margin-right: 0.25rem;
}

.relocation-right-btn {
  font-weight: bold;
  font-size: 0.88rem;
  color: #fe990d;
  text-align: right;
  font-style: normal;
  display: flex;
  align-items: end;
}

.relocation-label {
  font-weight: 400;
  font-size: 1rem;
  color: #222222;
  text-align: left;
  font-style: normal;
}

.relocation-btn-label {
  font-weight: bold;
  font-size: 0.88rem;
  color: #fe990d;
  font-style: normal;
}

.search-left-box {
  display: flex;
}

.search-title {
  font-weight: 400;
  font-size: 0.88rem;
  color: #27282e;
  text-align: left;
  font-style: normal;
  text-transform: none;
  display: flex;
  align-items: center;
}

.search-title-icon {
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.25rem;
}

.search-split-line {
  width: 0.03rem;
  height: 1.13rem;
  background: #dedede;
  margin-left: 0.5rem;

  margin-right: 0.5rem;
}

.input {
  width: 50%;
  border: none;
  font-size: 1rem;
}

.search-right-btn {
  width: 3.25rem;
  height: 2rem;
  background: linear-gradient(135deg, #ffde3b 0%, #ffc933 100%);
  border-radius: 1rem;
  display: flex;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 0.88rem;
  color: #222222;
  line-height: 1.25rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.type39-searchBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  padding: 0.13rem 0.13rem 0.13rem 0.75rem;
  background: #FFFFFF;
  border-radius: 1.13rem;
  border: 0.06rem solid #FFD82B;
}

.backBtnBox {
  display: flex;
}

.searchBackIcon {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
}

.settle-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.38rem;
  padding-right: 1rem;
  width: 100vw;
  background: #ffffff;
}

.settle-left-box {
  display: flex;
  align-items: center;
}

.settle-left-icon {
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
  max-height: 4rem;
  margin-left: 0.13rem;
}


.settle-left-label {
  font-weight: bold;
  font-size: 0.75rem;
  color: #FF3D2B;
  text-align: left;
}

.settle-price {
  font-weight: bold;
  font-size: 1.13rem;
  color: #FF3D2B;
  text-align: left;
}

.settle-right-label {
  font-weight: 600;
  font-size: 1rem;
  color: #222222;
  text-align: left;
}

.settle-right-btn {
  width: 5rem;
  height: 2.5rem;
  background: linear-gradient(90deg, #FFDE3B 0%, #FFC933 100%);
  border-radius: 1.31rem;
  padding: 0.56rem 1rem;
}

.badge {
  position: absolute;
  --background: #ff3d28;
  left: calc(50% + 0.125rem);
  top: 0.1rem;
  border-radius: 0.8rem;
  border: 0.13rem solid white;
  min-width: 1.45rem;
  font-size: 0.75rem;
  font-weight: normal;
}


.settle-icon-box {
  display: flex;
  position: relative;
}

.settle-left-label-box {
  display: flex;
  align-items: baseline;
}

.headBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  padding-bottom: 0;
}

.headLeftTitle {
  font-weight: bold;
  font-size: 1.13rem;
  color: #111111;
  text-align: left;
}

.headRightIcon {

  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.13rem;

}

.headRightBox {
  font-weight: 400;
  font-size: 0.69rem;
  color: #999999;
  text-align: left;
  display: flex;
  align-items: center;

}

.displayFlexStart {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}




.report-box {

  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  flex-direction: column;

}

.report-top-box {
  display: flex;
  background: transparent;
}

.report-label-box {
  width: calc((100vw - 2rem) / 2);
  height: 5.38rem;
  background: #FFFFFF;
  border: 0.06rem solid #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0.75rem;
}

.leftLabel {

  font-weight: 600;
  font-size: 1rem;
  color: #222222;
  text-align: left;
}

.leftValue {
  font-weight: 600;
  font-size: 1.38rem;
  color: #FF3D2B;
  line-height: 1.63rem;
  text-align: left;
}



.report-main-box{

  width: calc(100vw - 1.5rem);
  height: 7.31rem;
  background: #FFFFFF;
  border: 0.06rem solid #FFFFFF;
  display: flex;
  margin-top: 0.5rem;
  padding: 1rem;
  z-index: 10;
  border-radius: 0.75rem;
}

.report-main-header{

  display: flex;
  font-weight: 600;
  font-size: 1rem;
  color: #222222;
  line-height: 1.38rem;
  text-align: left;

}

.btnLabel{
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  text-align: left;

}

.btnValue{
  font-weight: 600;
  font-size: 1.38rem;
  color: #FF3D2B;
  text-align: left;
}

.btnLabelIcon{

  width: 0.38rem;
  height: 0.69rem;
  margin-left: 0.25rem;

}

.report-main-box{

  display: flex;
  flex-direction: column;


}

.report-content-box{

    display: flex;
    width: calc(100vw - 4rem);
    justify-content: space-between;
}

.comunity-map-box{
  height: calc(100vh - 2.75rem);

  @supports (top: env(safe-area-inset-top)) {
    height: calc(100vh - 2.75rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }

  @supports (top: constant(safe-area-inset-top)) {
    height: calc(100vh - 2.75rem - constant(safe-area-inset-top)- constant(safe-area-inset-bottom));
  }
  width: 100vw;
}


.tracking-num-box{

  display: flex;
  align-items: center;
  width: 100vw;
  height: 3rem;
  background: #FFFFFF;
  padding-left: 1rem;
  padding-top: 0.5rem;

}

.tracking-button{
  padding-left: 0.75rem;
}

.tracking-btn-label{
font-weight: 400;
font-size: 1rem;
color: #252629;
}

.tracking-scan-icon{
  width: 1.38rem;
  height:1.38rem;
}


.tracking-hint-label{
  font-weight: 400;
  font-size: 0.88rem;
  color: #999999;
  text-align: left;
  font-style: normal;
}

.tracking-left-icon{

  width: 0.88rem;
  height: 0.88rem;
  margin-right: 0.25rem;

}

.tracking-input-box{
  display: flex;
  height: 2rem;
  background: #F7F7F7;
  border-radius: 1.13rem;
  width: calc(100vw - 1rem - 4.75rem);
  align-items: center;

}

.tracking-leftIcon-box{
  display: flex;
  width: calc(100vw - 1rem - 4.75rem - 1.38rem - 0.75rem);
  justify-content: flex-start;
  align-items: center;
  padding-left: 0.75rem;
}

.express-order-box{
  position: absolute;bottom: 0.75rem;z-index: 9999;display: flex;width:auto;flex-direction: column;justify-content: center;align-items: flex-end;padding-left: 0.75rem;
}

.express-order-icon{
  width: 2.5rem;
  height: 1.93rem;
  margin-left: 0.63rem;

}

.express-order-inner-box{

  width: 12.5rem;
height: 4.13rem;
background: linear-gradient( 135deg, #FFDE3B 0%, #FFC933 100%);
box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(255,216,43,0.3);
border-radius: 0.75rem;
display: flex;
    align-items: center;
    justify-content: flex-start;
}

.express-right-box{

  width: 8.5rem;
  display: flex;
  flex-direction: column;
  margin-left: 0.63rem;
  justify-content: flex-start;
}

.express-top-label{

  font-weight: 600;
font-size: 1rem;
color: #222222;
text-align: left;
display: flex;
    align-items: center;
}

.express-bottom-label{
  font-weight: 400;
font-size: 0.75rem;
color: #222222;
text-align: left;

}



.express-top-badge{
  width: 0.5rem;
height: 0.5rem;
background: #FF3D2B;
border-radius: 100%;
margin-left: 0.25rem;
}

.location-box{
  width: calc( 100vw - 1rem);
  height: 6rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
}

.relocation-bg-img{
  width: calc(100vw - 1rem);
  height: 6rem;
  z-index: 1;
}

.address-label{
  position: absolute;
  top: 1.5rem;
  left: 0.5rem;
  max-width: calc(100vw - 7.25rem );
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  font-weight: 600;
font-size: 1rem;
color: #222222;
text-align: left;
}

.delivery-label{
  position: absolute;
  top: 3.25rem;
  left: 0.5rem;
  max-width: calc(100vw - 7.25rem );
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
font-size: 0.88rem;
color: #999999;
text-align: left;
}

.location-switch-btn{
  position: absolute;
  top: 1.06rem;
  right: 1.5rem;
  width: 2.5rem;
  height: 3.81rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.location-btn-icon{
  width: 2.5rem;
  height: 2.5rem;
}

.btn-icon-label{
  font-weight: 400;
  font-size: 0.75rem;
  color: #666666;
  text-align: left;
}

.onloadImg{
  width: 0.01px; height: 0.01px;
}

.tags-icon{
  
  width: 1rem;
  height: 1rem;
  min-height: 1rem;
  min-width: 1rem;  
  }
  

.first-row2{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}




.huawei-trials-top-label{
    display: flex;
    justify-content: center;
    background: #fff;
    margin-top: -1.94rem;
}

.quickTryLabel{
  color: blue;
  text-decoration: underline;
  padding-left: 0.5rem;
  font-weight: bold;
}